.wok-ui-radio {
  display: inline-block;
  vertical-align: middle;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  margin: 0;
  appearance: none;

  &:disabled {
    cursor: not-allowed;
    background-color: #e9ecef;
    pointer-events: none;
    opacity: .5;
  }
  &:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
}
